<!DOCTYPE html>
<html lang="en"> 
<head>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
	<script src="jquery.flot.min.js" type="text/javascript"></script>
	<link rel="stylesheet" href="style.css" />
</head>
<body>
  <div id="container">
    <h1>&radic;cubeRoot<sup>3</sup></h1>
    
    <div id='status'>
    	<h2>Checking status</h2>
    	<div id='statusResult'>
    		<img src='loader.gif' />
    	</div>
    </div>
    
    <div id='choice'>
    	<button id='use'>Use Existing</button>
    	<button id='new'>Rebuild</button>
    </div>
    
    <div id='search'>
    	<h3>Search</h3>    	
    	<form id='searchForm'>
    		<input id='searchQuery' type='text' name='query' />
    	</form>
  	</div>   
  	
  	<div id='results'>
  	</div>
	
	<button id='showGraphs'>Show graphs</button>
        <div id='graphs'>
                <div id="placeholder" style="width:600px;height:300px"></div>
        </div>
  </div>
  
   <script type="text/javascript" src='the.js'></script>
</body>
</html>

